<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>主菜单</title>
    <link rel="stylesheet" type="text/css" href="/static/bootstrap-3.3.7/css/style.css">
    <link rel="stylesheet" type="text/css" href="/static/bootstrap-3.3.7/css/bootstrap.css">
    <script src="/static/bootstrap-3.3.7/js/jquery.min.js"></script>
    <script src="/static/bootstrap-3.3.7/js/bootstrap.js"></script>


    <style type="text/css">
        body {
            /*背景图片的地址*/
            background-image: url(/static/mainMenuImage/bgImage.jpg);
            /*图片不重复*/
            background-repeat: no-repeat;
            /*背景颜色的尺寸*/
            background-size: 100% 100%;
            /*固定*/
            background-attachment: fixed;
        }
    </style>
    <script>
        $(function () {
            //给所有的a标签添加统一事件
            $("a[data-cmd]").click(function () {
                var cmd = $(this).data("cmd");
                $("#main_iframe").prop("src", cmd);
            });
        })
    </script>
</head>
<body>

<div class="navbar navbar-duomi navbar-static-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="" id="logo">德客管理系统&DEC</a>
        </div>
        <div class="navbar-header" style="float: right">
            <a class="navbar-brand" data-cmd="/productStock/acceptMoney" style="text-align: right;text-align: right">前台收银</a>
            <a class="navbar-brand" href="#" style="text-align: right;text-align: right">
                欢迎您:<shiro:principal property="username"/>登录
            </a>
            <a href="/logout" class="navbar-brand" id="loginOut2" style="text-align: right;text-align: right">
                退出
            </a>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            <ul id="main-nav" class="nav nav-tabs nav-stacked" style="">
                <li class="active">
                    <a href="#" data-cmd="/home">
                        <i class="glyphicon glyphicon-th-large"></i>
                        首页
                    </a>
                </li>
                <li>
                    <a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
                        <img src="/static/mainMenuImage/huiyuan.png" alt="" style="padding-left: 20px">
                        会员管理
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>
                    <ul id="systemSetting" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="#" data-cmd="/member">新增会员</a></li>
                        <li><a href="#" data-cmd="/member">会员列表</a></li>
                        <li><a href="#" data-cmd="/recharge">会员充值</a></li>
                    </ul>
                </li>

                <li>
                    <a href="#systemSetting1" class="nav-header collapsed" data-toggle="collapse">
                        <img src="/static/mainMenuImage/product.png" alt="" style="padding-left: 20px">
                        商品管理
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>
                    <ul id="systemSetting1" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="#" data-cmd="/product">商品列表</a></li>
                        <li><a href="#" data-cmd="/secondProduct">商品分类</a></li>
                    </ul>
                </li>

                <li>
                    <a href="#systemSetting3" class="nav-header collapsed" data-toggle="collapse">
                        <img src="/static/mainMenuImage/kucun.png" alt="" style="padding-left: 20px">
                        库存管理
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>
                    <ul id="systemSetting3" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="#" data-cmd="/stockincome">进货管理</a></li>
                        <li><a href="#" data-cmd="/stockoutcome">出库管理</a></li>
                        <li><a href="#" data-cmd="/returnGoods">采购退货</a></li>
                        <li><a href="#" data-cmd="/productStock">产品盘点</a></li>
                        <li><a href="#" data-cmd="/productstockallocation">库存调拨</a></li>
                        <li><a href="#" data-cmd="/supplier">供应商管理</a></li>
                        <li><a href="#" data-cmd="/depot">仓库管理</a></li>
                    </ul>
                </li>

                <li>
                    <a href="#systemSetting4" class="nav-header collapsed" data-toggle="collapse">
                        <img src="/static/mainMenuImage/zhichu.png" alt="" style="padding-left: 20px">
                        日常支出
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>
                    <ul id="systemSetting4" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="#" data-cmd="/payment">支出录入</a></li>
                        <li><a href="#" data-cmd="/paymentPie">支出明细</a></li>
                    </ul>
                </li>

                <li>
                    <a href="#systemSetting5" class="nav-header collapsed" data-toggle="collapse">
                        <img src="/static/mainMenuImage/fenxi.png" alt="" style="padding-left: 20px">
                        智能分析
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>
                    <ul id="systemSetting5" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="#" data-cmd="/order">销售分析</a></li>
                        <li><a href="#" data-cmd="/memberForm">会员分析</a></li>
                        <li><a href="#" data-cmd="/saleProduct">产品分析</a></li>
                        <%--<li><a href="#" data-cmd="">推荐人分析</a></li>--%>
                    </ul>
                </li>

                <li>
                    <a href="#systemSetting6" class="nav-header collapsed" data-toggle="collapse">
                        <img src="/static/mainMenuImage/yingxiao.png" alt="" style="padding-left: 20px">
                        员工管理
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>
                    <ul id="systemSetting6" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="#" data-cmd="/employee">员工列表</a></li>
                        <li><a href="#" data-cmd="/systemlog">操作日志</a></li>
                        <li><a href="#" data-cmd="/role">岗位权限管理</a></li>
                        <li><a href="#" data-cmd="/operator">操作员管理</a></li>
                    </ul>
                </li>

                <%--<li>--%>
                <%--<a href="#">--%>
                <%--<img src="/static/mainMenuImage/dingdan.png" alt=""style="padding-left: 20px">--%>
                <%--线上订单--%>
                <%--<span class="label label-warning pull-right">5</span>--%>
                <%--</a>--%>
                <%--</li>--%>

                <%--<li>--%>
                <%--<a href="#">--%>
                <%--<img src="/static/mainMenuImage/xitong.png" alt=""style="padding-left: 20px">--%>
                <%--系统管理--%>
                <%--</a>--%>
                <%--</li>--%>

            </ul>
        </div>
        <div class="col-md-10">
            <iframe id="main_iframe" src="/home" style="width: 100%; height: 100%; " frameborder="0">

            </iframe>
        </div>
    </div>
</div>

</body>
</html>